<template>
  <div class="body">
    <Background/>
    <div class="cell">
      <el-row class="demo-radius">
        <el-col>
          <div class="radius">
            <div
                style="
          flex:1.616;
          border-bottom-left-radius: 80px;
          border-top-left-radius: 80px;
          background-color: white"
            >
              <LoginForm/>
            </div>
            <div
                style="flex: 1;
          border-top-right-radius: 80px;
          border-bottom-right-radius: 80px;
          background-color:  #337ecc"
            >
              <Time/>

            </div>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script lang="ts" setup>

</script>
<style scoped>

.demo-radius .radius {
  height: 39rem;
  width: 60%;
  margin: 9% auto;
  border: 1px solid var(--el-border-color);
  border-radius: 80px;
  display: flex;
}

.body {
  background-color: #79bbff;
}

.body .cell {
}
</style>
